{% extends 'TopxiaWebBundle:Settings:layout.html.twig' %}
{% block title %}{{'安全问题'|trans}} - {{'安全设置'|trans}} - {{ parent() }}{% endblock %}
{% set script_controller = 'settings/security-questions' %}
{% set side_nav = 'security' %}
{% set questionOptions = dict('secureQuestion') %}

{% block main %}
 {% embed "TopxiaWebBundle:Bootstrap:panel.html.twig" with {class:'panel-col'} %}
    {% block heading %}
      {{'安全设置'|trans}}
    {% endblock %}
    {% block body %}

    {{ web_macro.flash_messages() }}

  {%  if not hasSecurityQuestions  %}

    <ul class="breadcrumb">
      <li><a href="{{ path('settings_security') }}">{{'安全设置'|trans}}</a></li>
      <li class="active">{{'设置安全问题'|trans}}</li>
    </ul>

    <div class="alert alert-warning"> <span class="glyphicon glyphicon-info-sign"></span> {{'安全问题一经设置，不可再次修改。'|trans}}</div>

    <form id="settings-security-questions-form" class="form-horizontal" autocomplete="off" method="post" {# {% if not app.user.password %} style="display:none;"{% endif %} #}>

      <input style="display:none">{# Prevent autocompleting #}
      <input type="password" style="display:none">

      <div class="form-group row">
        <div  class="col-md-3 control-label"><label for="question-1">{{'安全问题1'|trans}}</label></div>
        <div class="col-md-4">
          <select class="form-control" id="question-1" name="question-1">
            {{ select_options(questionOptions, question1|default('parents') ) }}
          </select>
        </div>
      </div>
      <div class="form-group row">
        <div  class="col-md-3 control-label"><label for="answer-1">{{'答案'|trans}}</label></div>
        <div class="col-md-4 controls">
          <input type="text" id="answer-1" name="answer-1" class="form-control" autocomplete="off" value="" placeholder="{{'安全问题1答案'|trans}}">
        </div>
      </div>



      <div class="form-group row">
        <div class="col-md-3 control-label"><label for="question-2">{{'安全问题2'|trans}}</label></div>
        <div class="col-md-4">
          <select class="form-control " id="question-2" name="question-2">
            {{ select_options(questionOptions, question2|default('teacher')) }}
          </select>
        </div>
      </div>

      <div class="form-group row">
        <div  class="col-md-3 control-label"><label for="answer-2">{{'答案'|trans}}</label></div>
        <div class="col-md-4 controls">
          <input type="text" id="answer-2" name="answer-2" class="form-control" autocomplete="off"  value="" placeholder="{{'安全问题2答案'|trans}}">
        </div>
      </div>

      <div class="form-group row">
        <div  class="col-md-3 control-label"><label for="question-3">{{'安全问题3'|trans}}</label></div>
        <div class="col-md-4">
          <select class="form-control" id="question-3" name="question-3">
            {{ select_options(questionOptions,question3|default('lover')) }}
          </select>
        </div>
      </div>

      <div class="form-group row">
        <div  class="col-md-3 control-label"><label for="answer-3">{{'答案'|trans}}</label></div>
        <div class="col-md-4 controls">
          <input type="text" id="answer-3" name="answer-3" class="form-control" autocomplete="off" value="" placeholder="{{'安全问题3答案'|trans}}">
        </div>
      </div>

      <div class="form-group row">
        <div  class="col-md-3 control-label"><label for="userLoginPassword">{{'您的登录密码'|trans}}</label></div>
        <div class="col-md-4 controls">
          <input type="password" id="userLoginPassword" name="userLoginPassword" class="form-control" autocomplete="off" value="">
        </div>
      </div>

      <br>
      <div class="form-group row">
          <div class="col-md-4 col-md-offset-3  controls">
            <button id="password-save-btn" data-submiting-text="{{'正在保存'|trans}}" type="submit" class="btn btn-primary {# pull-right #}">{{'提交'|trans}}</button>
          </div>
        </div>

        <input type="hidden" name="_csrf_token" value="{{ csrf_token('site') }}">

    </form>

  {% else %}

    <ul class="breadcrumb">
      <li><a href="{{ path('settings_security') }}">{{'安全设置'|trans}}</a></li>
      <li class="active">{{'查看安全问题'|trans}}</li>
    </ul>


    <form class="form-horizontal" role="form">
      <div class="form-group row">
        <label  class="col-md-3 control-label">{{'安全问题1'|trans}}</label>
        <p class="form-control-static">{{ questionOptions[question1] }}</p>
      </div>
      <div class="form-group row">
        <label  class="col-md-3 control-label">{{'安全问题2'|trans}}</label>
        <p class="form-control-static">{{ questionOptions[question2] }}</p>
      </div>
      <div class="form-group row">
        <label  class="col-md-3 control-label">{{'安全问题3'|trans}}</label>
        <p class="form-control-static">{{ questionOptions[question3] }}</p>
      </div>
    </form>
  {% endif %}
    {% endblock %}
  {% endembed %}
{% endblock %}